<!-- 新增送修-邀标信息 -->
<template>
	<Card>
		<template #head>
			邀标信息
		</template>
		<template #body>
			<CellItem label="邀标">
				<template #right>
					<u-switch v-model="checked" @change="onChange" active-color="#409EFF" inactive-color="#eee"></u-switch>
				</template>
			</CellItem>
			<CellItem :label="LabelText" v-model="time" itemClickType="date-picker"></CellItem>
		</template>
	</Card>
</template>

<script>
	import Card from '@/components/card/components/cardBaseWrapper.vue'
	import HButton from '@/components/button/index.vue'
	export default {
		components: {
			Card,
			HButton
		},

		data() {

			return {
				checked: false,
				time: ''
			}
		},

		computed: {

			LabelText() {
				if (this.checked) {
					return "报价截止时间"
				}
				return '预约取件时间'
			}
		},

		methods: {

			onChange() {
				this.$emit("onChecked", this.checked)
			},

		}
	}
</script>

<style lang="scss" scoped>
	.head {
		display: flex;

		>.left,
		.right {
			flex: 1;
		}

		>.left {
			font-weight: 600;
			font-size: 32rpx;
			color: #0F2E4D;
		}

		>.right {
			text-align: right;
		}
	}
</style>
